<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>  
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'ShopList.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/font-awesome.css" rel="stylesheet" />
    <link href="css/AdminLTE.css" rel="stylesheet" />
  <style type="text/css"> 
	*{ margin:0; padding:0;}
	body { font:12px/1.5 Arial; color:#666; background:#fff;}
	ul,li{ list-style:none;}
	img{border:0 none;}
	/*---------------------------------------demo css--------------------------------------------*/
	.date_selector, .date_selector *{width: auto;height: auto;border: none;background: none;margin: 0;padding: 0;text-align: left;text-decoration: none;}
	.date_selector{background:#fbfbfb;border: 1px solid #ccc;padding: 10px;margin:0;margin-top:-1px;position: absolute;z-index:100000;display:none;border-radius: 3px;box-shadow: 0 0 5px #aaa;box-shadow:0 2px 2px #ccc; width:220px;}
	.date_selector_ieframe{position: absolute;z-index: 99999;display: none;}
	.date_selector .nav{width: 17.5em;}
	.date_selector .nav p{clear: none;}
	.date_selector .month_nav, .date_selector .year_nav{margin: 0 0 3px 0;padding: 0;display: block;position: relative;text-align: center;}
	.date_selector .month_nav{float: left;width: 55%;}
	.date_selector .year_nav{float: right;width: 42%;margin-right: -8px;}
	.date_selector .month_name, .date_selector .year_name{font-weight: bold;line-height: 20px;}
	.date_selector .button{display: block;position: absolute;top: 0;width:18px;height:18px;line-height:16px;font-weight:bold;color:#5985c7;text-align: center;font-size:12px;overflow:hidden;border: 1px solid #ccc;border-radius:2px;}
	.date_selector .button:hover, .date_selector .button.hover{background:#5985c7;color: #fff;cursor: pointer;border-color:#3a930d;}
	.date_selector .prev{left: 0;}
	.date_selector .next{right: 0;}
	.date_selector table{border-spacing: 0;border-collapse: collapse;clear: both;margin: 0; width:220px;}
	.date_selector th, .date_selector td{width: 2.5em;height: 2em;padding: 0 !important;text-align: center !important;color: #666;font-weight: normal;}
	.date_selector th{font-size: 12px;}
	.date_selector td{border:1px solid #f1f1f1;line-height: 2em;text-align: center;white-space: nowrap;color:#5985c7;background: #fff;}
	.date_selector td.today{background: #eee;}
	.date_selector td.unselected_month{color: #ccc;}
	.date_selector td.selectable_day{cursor: pointer;}
	.date_selector td.selected{background:#2b579a;color: #fff;font-weight: bold;}
	.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover{background:#5985c7;color: #fff;}
	/*-----------------------------------------------------------------------------------*/
	</style> 
	<script type="text/javascript" src="http://www.js-css.cn/jscode/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.date_input.pack.js"></script> 
	</head>
  
  <body>
   <script type="text/javascript">
	$(function(){
		$('.date_picker').date_input();
		})
	</script>
    <aside class="right-side">                
                 <section class="content-header">
                    <h1>
                        Data Tables
                        <small>advanced tables</small>
                    </h1>
                    <ol class="breadcrumb">
                        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
                        <li><a href="#">Tables</a></li>
                        <li class="active">交易详情列表</li>
                    </ol>
                </section>
                <form method="post" action="getOrderList?pageNumber=1" >
                                         日期选择:
	           <input  name="date" style="width:226px;background: #fefefe;border: 1px solid #bbb;font-size: 14px;color: #333;" type="text" class="date_picker"/>
                                       服务类型：
               <select name="type">
               <% 
                  Map typeM=(Map)request.getAttribute("typeS");
                  Iterator it=typeM.keySet().iterator();
                  %>
                  <option value="-1" selected>全部</option>
                  <% 
                  while(it.hasNext()){
                  Object key=it.next();
                  %>
                  <option value=<%=key%>><%=typeM.get(key)%></option>
                  <%
                  }
               %>
               </select>
                                        用户：
               <select name="userid">
               <% 
                  Map userM=(Map)request.getAttribute("user");
                  Iterator it2=userM.keySet().iterator();
                  %>
                  <option value="-1" selected>全部</option>
                  <% 
                  while(it2.hasNext()){
                  Object key=it2.next();
                  %>
                  <option value=<%=key%>><%=userM.get(key)%></option>
                  <%
                  }
               %>
               </select>
                                          商家：
                <select name="shopid">
               <% 
                  Map shopM=(Map)request.getAttribute("shop");
                  Iterator it3=shopM.keySet().iterator();
                  %>
                  <option value="-1" selected>全部</option>
                  <% 
                  while(it3.hasNext()){
                  Object key=it3.next();
                  %>
                  <option value=<%=key%>><%=shopM.get(key)%></option>
                  <%
                  }
               %>
               </select>
               <input type="submit" value="交易查询"/>
               </form>
               <!-- Main content -->
                <section class="content">
                    <div class="row">
                        <div class="col-xs-12">
                            
                            <div class="box">
                                <div class="box-header">
                                    <h3 class="box-title">交易详情列表</h3>                                    
                                </div><!-- /.box-header -->
                                <div class="box-body table-responsive">
                                    <table id="example1" class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th>交易ID</th>
                                                <th>二维码编号</th>
                                                <th>交易时间</th>
                                                <th>预约状态</th>
                                                <th>预约服务的项目</th>
                                                <th>预约的用户ID</th>
                                                <th>确认服务消费的时间</th>
                                                <th>评分</th>
                                                <th>消耗的积分</th>
                                                <th>服务评价</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        <c:forEach items="${entryList}" var="entry">  
                                            <tr>
                                                <td>${entry.id}</td>
                                                <td>${entry.orderitemid}</td>
                                                <td>${entry.orderDate}</td>
                                                <td>${entry.status}</td>
                                                <td>${entry.paserviceid}</td>
                                                <td>${entry.userid}</td>
                                                <td>${entry.confirmDate}</td>
                                                <td>${entry.star}</td>
                                                <td>${entry.credit}</td>
                                                <td>${entry.comment}</td>
                                            </tr>
                                       </c:forEach>  
                                        <tfoot>  
                                         <tr align="center">  
                                         <td colspan="10"><jsp:include page="paging_order_footer.jsp"></jsp:include>  
                                         <br></td>  
                                         </tr>  
                                         </tfoot>  
                                    </table>
                                </div><!-- /.box-body -->
                            </div><!-- /.box -->
                        </div>
                    </div>

                </section><!-- /.content -->
                
            </aside><!-- /.right-side -->
            <!-- jQuery 2.0.2 -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
        <!-- Bootstrap -->
        <!-- DATA TABES SCRIPT -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/datatables/dataTables.bootstrap.js"></script>
    <script src="js/plugins/datatables/jquery.dataTables.js"></script>
    <script src="js/AdminLTE/app.js"></script>

</body>
</html>
